<template>
 <div id="app">
   <router-view></router-view>
   <menu-bar v-show="$route.meta.bar"></menu-bar>
 </div>

</template>

<script>

export default {
  name:'App',




}
</script>

<style lang="scss">
  *{
    margin: 0;
    padding: 0;
  }
  .tab-warp{
    font-size: 0;
    width: 100vw;
    position: relative;
    .tab-item{
      display: inline-block;
      text-align: center;
      line-height: 60px;
      font-size: 16px;
    }
    .underline{
      transition: all ease-in .4s;
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 50vw;
      height: 4px;
      border-radius: 2px;
      background-color: red;
    }
  }

</style>
